<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>调起微信支付</title>

    <script type="text/javascript" src="../jstool/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="../jstool/bootstrap-3.3.7/js/bootstrap.js"></script>
    <link rel="stylesheet" type="text/css" href="../jstool/bootstrap-3.3.7/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="../jstool/bootstrap-3.3.7/css/bootstrap-theme.css" />
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript" src="http://203.195.235.76/jssdk/js/zepto.min.js"></script>
    <script type="text/javascript">
        $('#chooseWXPay').click(function(){
            $.ajax({
                type: "GET",
                url: "../weixin/getPayInfo.do",
                data: {},
                dataType: "json",
                success: function(data){
                    function onBridgeReady(){
                        WeixinJSBridge.invoke(
                            'getBrandWCPayRequest', {
                                "appId":data.appId,     //公众号名称，由商户传入
                                "timeStamp":data.timeStamp,         //时间戳，自1970年以来的秒数
                                "nonceStr":data.nonceStr, //随机串
                                "package":data.package,
                                "signType":"MD5",         //微信签名方式：
                                "paySign":data.paySign //微信签名
                            },
                            function(res){
                                if(res.err_msg == "get_brand_wcpay_request:ok" ) {}     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                            }
                        );
                    }
                    if (typeof WeixinJSBridge == "undefined"){
                        alert("未定义");
                        if( document.addEventListener ){
                            document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
                        }else if (document.attachEvent){
                            document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
                            document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
                        }
                    }else{
                        onBridgeReady();
                    }


                }
            });
        });

    </script>
</head>
<body>
<div style="height: 200px;"></div>
<button class="btn btn_primary" id="chooseWXPay">
    <div style="height: 200px;width: 200px;">微信支付测试</div>
</button>
</body>

<script>

    /*
     * 注意：
     * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
     * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
     * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
     *
     * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
     * 邮箱地址：weixin-open@qq.com
     * 邮件主题：【微信JS-SDK反馈】具体问题
     * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
     */

</script>
</html>